`:top

Ein `!Webformular`! ist ein `F33f`_`[Formular`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=Formular]`_`f auf einer `F33f`_`[Webseite`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=Webseite]`_`f zur Erfassung von `F33f`_`[Daten`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=Daten]`_`f, die zur Verarbeitung an einen `F33f`_`[Webserver`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=Webserver]`_`f gesendet werden. Man findet sie beispielsweise in `F33f`_`[Webmail`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=Webmail]`_`f-Anwendungen, `F33f`_`[Suchmaschineneingabefeldern`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=Suchmaschine]`_`f, in `F33f`_`[Sozialen Netzwerken`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=Soziales_Netzwerk_(Internet)]`_`f oder auf `F33f`_`[Login`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=Login_(Informationstechnik)]`_`f-Seiten. Das Absenden der Daten verläuft über das `F33f`_`[Hypertext Transfer Protocol`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=Hypertext_Transfer_Protocol]`_`f via `F33f`_`[HTTP-GET`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=Hypertext_Transfer_Protocol]`_`f, `F33f`_`[HTTP-POST`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=Hypertext_Transfer_Protocol]`_`f oder dem `F33f`_`[XMLHttpRequest`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=XMLHttpRequest]`_`f (`F33f`_`[Ajax`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=Ajax_(Programmierung)]`_`f).

>>Contents

• `F0af`_`[Begriff`#begriff]`_`f

• `F0af`_`[Mögliche Auswahlfelder`#m-gliche-auswahlfelder]`_`f

• `F0af`_`[Erweiterte Widgets`#erweiterte-widgets]`_`f

• `F0af`_`[Verwendung`#verwendung]`_`f

• `F0af`_`[Beispiel`#beispiel]`_`f

• `F0af`_`[Weblinks`#weblinks]`_`f

• `F0af`_`[Einzelnachweise`#einzelnachweise]`_`f

-─

>>Begriff

`F33f`_`[ISO 9241`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=ISO_9241]`_`f definiert ein Formular als „strukturierte Darstellung von `F33f`_`[Feldern`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=Textfeld]`_`f und weiteren `F33f`_`[Elementen`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=Steuerelement]`_`f einer `F33f`_`[Benutzungsschnittstelle`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=Benutzerschnittstelle]`_`f, die der `F33f`_`[Benutzer`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=Benutzer]`_`f liest, die er ausfüllt, für welche er Einträge auswählt oder die er verändert“. Der Begriff ist dabei nicht nur auf Formulare auf Webseiten beschränkt, sondern umfasst `F33f`_`[unabhängig`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=Plattformunabhängigkeit]`_`f von `F33f`_`[Betriebssystem`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=Betriebssystem]`_`f, Anwendung oder Endgerät sämtliche Formulare, mit denen der Benutzer interagieren kann, oftmals im Verlauf eines `F33f`_`[Dialogs`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=Dialog_(Benutzeroberfläche)]`_`f`:cite-ref-1[`F5bf`_`[1`#cite-note-1]`_`f].

>>Mögliche Auswahlfelder

Folgende Eingabefelder sind im `F33f`_`[HTML`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=HTML]`_`f-4-Standard vorgesehen:

• `F33f`_`[einzeiliges Texteingabefeld`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=Textbox]`_`f (für Freitext)

• `F33f`_`[Passwortfeld`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=Kennwort]`_`f (Eingaben werden `F33f`_`[maskiert`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=Maskierungszeichen]`_`f auf dem Bildschirm ausgegeben)

• mehrzeiliges Texteingabefeld (`*Textarea`*)

• Auswahllisten (`F33f`_`[Dropdown-Liste`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=Dropdown-Liste]`_`f)

• `F33f`_`[Radiobuttons`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=Radiobutton]`_`f (Auswahl einer Option aus mehreren)

• `F33f`_`[Checkboxen`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=Checkbox]`_`f (Auswahl mehrerer Optionen)

• Felder zum `F33f`_`[Datei-Upload`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=Hochladen]`_`f

• versteckte Formularfelder (z. B. für `F33f`_`[Session-IDs`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=Session-ID]`_`f)

• `F33f`_`[Klick-Buttons`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=Schaltfläche]`_`f, dazu gehört auch der Bestätigungsknopf (`*submit`*) oder ein Knopf zum Zurücksetzen der Eingaben

`F33f`_`[HTML5`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=HTML5]`_`f erlaubt weitere Arten von Eingabefeldern, die sich oft zum einzeiligen Eingabefeld nur durch ihre `F33f`_`[Semantik`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=Semantik]`_`f unterscheiden:

• Telefonnummern

• E-Mail-Adressen

• Bereichsauswahl (englisch: `*range slider`*)

• Datumsauswahl

• `F33f`_`[Comboboxen`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=Combobox]`_`f

>>Erweiterte Widgets

Durch Einsatz clientseitiger Techniken, wie beispielsweise `F33f`_`[JavaScript`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=JavaScript]`_`f, bieten viele `F33f`_`[Webframeworks`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=Webframework]`_`f erweiterte Eingabemöglichkeiten an. Dazu zählen unter anderem `F33f`_`[Widgets`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=Widget]`_`f wie Slider, Kalenderboxen, Comboboxen, `F33f`_`[Farbwähler`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=Farbwähler]`_`f oder `F33f`_`[Drag-and-Drop`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=Drag_and_Drop]`_`f-Felder.

Einige typische `F33f`_`[Webframeworks`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=Webframework]`_`f zu diesem Zweck sind:

• `F33f`_`[Dojo Toolkit`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=Dojo_Toolkit]`_`f – JavaScript-Framework zur Entwicklung von JavaScript-/Ajax-basierten Anwendungen

• `F33f`_`[jQuery UI`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=JQuery_UI]`_`f – JavaScript-Framework zur Funktionserweiterung der `F33f`_`[Benutzerschnittstelle`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=Benutzerschnittstelle]`_`f auf Basis von `F33f`_`[jQuery`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=JQuery]`_`f

• `F33f`_`[Apache Wicket`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=Apache_Wicket]`_`f – Web-Framework als Basis für die Entwicklung von `F33f`_`[Webapplikationen`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=Webapplikation]`_`f auf einem Java-Applikationsserver

• `F33f`_`[JavaServer Faces`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=JavaServer_Faces]`_`f – Web-Framework als Basis für die Entwicklung von Webapplikationen auf einem Java-Applikationsserver

• `F33f`_`[Ext JS`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=Ext_JS]`_`f – JavaScript- bzw. Ajax-Framework für interaktive Webanwendungen

>>Verwendung

Neben Suchmaschinen und Webmailern gibt es noch `F33f`_`[Onlineshops`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=Elektronischer_Handel]`_`f, die Formulare für die Korrektur der `F33f`_`[Adress`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=Postanschrift]`_`f- und `F33f`_`[Konto`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=Konto]`_`fdaten anbieten. Auch werden Webformulare für Bestellung von `F33f`_`[Newslettern`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=Newsletter]`_`f für die `F33f`_`[Personalisierung`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=Personalisierung_(Informationstechnik)]`_`f oder das `F33f`_`[Hochladen`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=Hochladen]`_`f von `F33f`_`[Dateien`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=Datei]`_`f eingesetzt. Formulare werden eingesetzt, um `F33f`_`[Kommunikation`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=Kommunikation]`_`f ohne eine Angabe einer `F33f`_`[E-Mail-Adresse`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=E-Mail-Adresse]`_`f durchzuführen. Dabei kann `F33f`_`[Spam`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=Spam]`_`f zum Beispiel durch `F33f`_`[Captchas`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=Captcha]`_`f größtenteils ausgeschlossen werden. Prinzipiell ist jede Seite, die ein Radio-, Checkbox- oder Button-Element anzeigt, ein Webformular.

>>Beispiel

Der folgende `F33f`_`[HTML`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=Hypertext_Markup_Language]`_`f-Quelltext bindet eine `F33f`_`[Wikipedia`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=Wikipedia]`_`f-Suche in die entsprechende Stelle der `F33f`_`[Webseite`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=Webseite]`_`f ein.

`B100`F9d9<form action="http://de.wikipedia.org/wiki/Spezial:Suche">`f`b

`B100`F9d9 <fieldset>`f`b

`B100`F9d9 <legend>Suchen</legend>`f`b

`B100`F9d9 <input type="text" name="search" value="" />`f`b

`B100`F9d9 <input type="submit" name="go" value="Artikel"/>`f`b

`B100`F9d9 <input type="submit" name="fulltext" value="Volltext" />`f`b

`B100`F9d9 </fieldset>`f`b

`B100`F9d9</form>`f`b

>>Weblinks

Wiktionary: Webformular

– Bedeutungserklärungen, Wortherkunft, Synonyme, Übersetzungen

• Webformulare im `F33f`_`[Selfhtml`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=Selfhtml]`_`f-Wiki

• `*Bessere Formulare dank HTML5 und CSS3`*. In: `*`F33f`_`[iX`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=IX_–_Magazin_für_professionelle_Informationstechnik]`_`f`*

>>Einzelnachweise

`:cite-note-1`!1.`! `F0af`_`[↑`#cite-ref-1]`_`f DIN EN ISO 9241-143; Nr. 3.9

`c`F0af`_`[↑ Back to top`#top]`_`f`a